import React, { Component } from 'react';
import formCreate from './FormCreate';

// 抽离state
class Login extends Component {
  render() {
    console.log('props', this.props)
    const { getField } = this.props;
    return (
      <div>
        <div>
          <label id="username"> 账户 </label>
          <input name="username" {...this.props.getField('username') } />
        </div>
        <div>
          <label id="password"> 密码 </label>
          <input name="password" {...getField('password') } />
        </div>
        <div onClick={this.props.handleSubmit}>提交</div>
        <div>other content</div>
      </div>
    )
  }
}

Login = formCreate(Login)
export default Login;

// ES7写法
// @formCreate
// export default class Login extends Component {
//   render() {
//     console.log('props',this.props)
//     return (
//       <div>
//         <div>
//           <label id="username">
//             账户
//           </label>
//           <input name="username" {...this.props.getField('username')}/>
//         </div>
//         <div>
//           <label id="password">
//             密码
//           </label>
//           <input name="password" {...this.props.getField('password')}/>
//         </div>
//         <div onClick={this.props.handleSubmit}>提交</div>
//         <div>other content</div>
//       </div>
//     )
//   }
// }
